.w100{width: 100% !important}
.w90{width: 90% !important}
.w50{width: 50% !important}
.w45{width: 45% !important}
.w80{width: 80% !important}
.w10{width: 10% !important}
.w20{width: 20% !important}
.w30{width: 30% !important}
.w40{width: 40% !important}
.h200px{height: 200px !important}
.p10{padding: 10px !important}
.bold{font-weight: bold;}
.none{display: none;}
.block{display:block;}
.hide{visibility: hidden;}
.visible{visibility: visible;}
.fleft{float:left}
.fright{float:right !important}
.right{right:0;}
.left{left:0}
.effect{opacity:0.5;}
.effect:hover{opacity:1;}
.abs{position: absolute;}
.rel{position: relative;}
.align-right{text-align: right !important}
.align-center{text-align: center !important}
a{cursor: pointer;}

.input-noborder{border:none;padding: 7px 0px;color: #555;font-size: 1em;background: transparent;}
.table-header{background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #c9c9c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#c9c9c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#c9c9c9 100%); /* IE10+ */
background: linear-gradient(top,  #f2f2f2 0%,#c9c9c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
padding:7px;color:#333;border-top: 1px solid #eee}
.table-list{border-collapse:collapse;}
.table-list tr td{border:1px solid #eee;}
.row-gray td {background: #fafafa}
.row-white td {background: #fff}
.total-money{color: #356aa0;font-weight: bold;}

body,html{font: 0.84em Verdana,Tahoma,sans-serif;color: #333;}
html{background: url('../resources/images/bg.jpg') repeat-x #001225;height: 100%;}
#header{width: 100%;position: fixed;height: 40px;top:0;left:0;z-index: 9999}
#menu-out{width: 100%;height: 40px;background: url('../resources/images/top.png');border-bottom: 1px solid #333333;}
#menu-inner{width: 960px;height: 100%;margin: auto;background: url('../resources/images/top.png');color: #fff;line-height: 40px;position: relative;}
#logo{margin:0 20px 0 20px;cursor:pointer;display:block;background: url('../resources/images/logo.png') no-repeat;height: 40px;width: 89px;text-indent: -999999px;}

/*Menu nav left*/
.nav li.open{float:left;margin: 0 10px;cursor: pointer;display: block;position: relative;}
.nav li.open span{color:#999}
.nav li.open span:hover{color:#fff}
.nav li.open span:hover b{opacity:1;}
.l:after{left:10px;}
.r:after{right:10px;}
.nav-sub:after{border-bottom: 6px solid #FFFFFF;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";
display: inline-block;position: absolute;top: -6px;}
.nav-sub{max-width:250px;min-width:130px;background: none repeat scroll 0 0 #FFFFFF;padding: 5px 0 5px 0;
position: absolute;top: 35px;z-index: 500;border: 1px solid #c3c3c3;border-radius:3px}
.nav-sub li.close{line-height: 27px;}
.nav-sub li.close a{padding: 0 15px;display: block;text-decoration: none;color: #333333;}
.nav-sub li.close:hover{background: #ccc;}
.arrdown{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #f2f2f2;content: "↓";
display: inline-block;height: 0;opacity: 0.3;text-indent: -99999px;vertical-align: middle;width: 0;margin-left: 5px}


#message-out{height: 30px;background: #FFFFCC;border-bottom: 1px solid #FFFF88;}
#message-inner{width: 960px;margin: auto;line-height: 30px;font-size: 0.95em;text-align: center;}

#middle{width:960px;margin: 60px auto 0 auto;background: #fff;box-shadow: 0 0 5px 0px #BBBBBB;background: url('../resources/images/bgmiddle.png') repeat-y left top;}
#bottom{width:960px; padding: 0 0 100px;}
#lcontent{float:left;width: 20%;padding: 15px;height: 100%;}
.ltitle{border-bottom: 2px solid #323232;display: block;padding: 5px 0 5px 10px}
.litem{display: block;padding: 10px 0 0 10px;}
.litem a{text-decoration: none;cursor:pointer;color: #666666;}
.litem a:hover{text-decoration: underline;}
#rcontent{float:right;width: 72%;padding: 15px 15px 100px;height: 100%;}

.button-link{float:left;padding: 5px 15px;cursor: default;border-radius:3px;margin: 0 5px 0 0 ;text-decoration: none;position: relative;}
.button-link span{min-width:70px;display: none;position: absolute;right: 0;bottom: 30px;background: #333;color: #eee;border: 1px solid #000;
border-radius:5px;padding:5px 10px;font-weight: bold;text-align: center}
.button-link span:after{border-top: 6px solid #333;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";
display: inline-block;position: absolute;bottom: -6px;right:15px}
.button-link:hover span{display: block;}
.button-link img{width: 13px;height: 13px}
.orange-bt{color: #fff;border:1px solid #AD5309;background: #E0741B;background-image: -moz-linear-gradient(center top , #E0741B 0pt, #AD540A 100%);}
.orange-bt:hover{background: #333;border:1px solid #222;}
.white-bt{color: #333;border:1px solid #ccc;background: #eee;background-image: -moz-linear-gradient(center top , #fff 0pt, #eee 100%);}
.white-bt:hover{background: #eee;border:1px solid #ddd;}

.button{float:left;padding: 2px 10px;cursor: default;border-radius:3px;margin: 0 5px 0 0 ;text-decoration: none}

.green-bt{color: #fff;border:1px solid #238517;background: #238517;background-image: -moz-linear-gradient(center top , #50AD44 0pt, #238517 100%);}
.green-bt:hover{background: #333;border:1px solid #222;}

.link{font-size: 1.3em;color: #0980E8;text-decoration: none;cursor: pointer;font-weight: bold;display: block;}
.link:hover{color: #055FAD;text-decoration: underline;}

.italic{font-style: italic;color: #999;font-size: 0.95em;}

.clear{display: block;clear: both;}
.rtitle{display: block;font-size: 2.2em;}
hr{border-bottom:1px solid #E5E5E5;border-top:none;border-left:none;border-right:none; margin: 10px 0;}
.loading{float:right;margin: 7px 0 0 0px;display: block;height: 25px;width: 25px;background: url('../resources/images/loading.gif') no-repeat;text-indent: -99999px;}
.refresh{background: url('../resources/images/refresh.gif') no-repeat;text-indent: -99999px;height: 20px;width: 20px;display: block;
    bottom: 10px;position: absolute;left:-25px}

.cbx-selected{background: #FFFFCC;}

.result-detail{border-bottom: 1px solid #CCCCCC;display: block;padding: 0 0 5px;}
.list{width: 100%;margin: 10px 0;position: relative;}
.nav-page-tp{position: absolute;right: 0;top: -10px;}
.nav-page-bt{position: absolute;right: 0;bottom: -30px;}
.list table{width: 100%}
.list table tr td{padding: 10px 0;}
.list-item{border-bottom: 1px solid #ccc;}
.list-item-created{color:#999;font-style: italic;}
.list-item-checked{width: 24px;vertical-align: top}
.list-item-click{font-size: 1.3em;color: #0094F0;text-decoration: none}
.list-item-title{color: #333 !important}

.status{cursor:pointer;padding: 3px 5px;color:#fff;border-radius:3px;float: left;display: block;margin:5px 0;text-decoration: none}
.blue-bg{background: #239CCC !important}
.green-bg{background: #57A957 !important}
.red-bg{background:#C40000 !important;}
.orange-bg{background:#ED8115 !important;}
.gray-bg{background:#999999 !important;}

.required{color: red}
.input-title{font-size: 1.3em;font-weight: bold;border-bottom:1px solid #ccc;display: block;padding: 10px 0;margin:0 0 10px 0 }
.input-table{width: 100%;}
.input-column tr td{padding: 5px;vertical-align: top;}
.input-item{padding: 5px 0;}
.input-item span{margin: 0 0 3px 0}
.textarea-item{padding: 5px 0;}
.textarea-item span{margin: 0 0 3px 0}
.input{padding: 3px 5px;border:1px solid #ccc;background: #fff;border-radius:5px;margin: 5px 0;font:1em Verdana,Tahoma,sans-serif;}
.textarea{padding: 3px 5px;border:1px solid #ccc;background: #fff;border-radius:5px;height: 80px;margin: 5px 0;font:1em Verdana,Tahoma,sans-serif;}


.message{background: #FFFFCC;border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px;bottom: 20px;padding:10px 15px;
position: fixed;right: 20px;width: 230px;z-index: 9999}
.message ul li{padding: 2px 0}
.message-title{ display: block;font-size: 1.3em;font-weight: bold;margin: 0 0 10px;}
.close-message{color: #999999;cursor: pointer;font-weight: bold;position: absolute;right: 10px;top: 6px;}
.close-message:hover{color:#333}

.wrap-dialog{position: fixed;width: 100%;height: 100%;top:0;left:0;background: url('../resources/images/bgdialog.png');z-index:1000}
.dialog{border-radius:5px;background: #FFFFFF;border: 3px solid #000;max-width: 600px;min-width: 400px;position: fixed;top: 50px;width: 450px;z-index: 500;}
.close-dialog{cursor: pointer;position: absolute;right: 10px;top: 5px;}
.dialog-title{ background:#000;color: #FFFFFF;display: block;padding: 7px;text-align: center;font-weight: bold}
.dialog-content{padding: 10px}

.dialog-search-result-title{padding: 5px 0;font-weight: bold;display: block}
.dialog-search-result-list{border-top: 1px solid #ccc;margin: 10px 0;}
.dialog-search-result-list-item{border-bottom: 1px dotted #ccc;padding: 5px 0}
.dialog-search-result-list-item a{color: #0882BF;display: block}

.search-panel{background: #f5f5f5;padding: 5px;margin: 10px 0;}
.search-panel-title{display: block;}

.icon-img{position: relative;}
.icon-img span{min-width:70px;display: none;position: absolute;right: 0;bottom: 10px;background: #333;color: #eee;border: 1px solid #000;
border-radius:5px;padding:5px 10px;font-weight: bold;text-align: center}
.icon-img:hover span{display: block;}